@import url(./base.less);
@import url(./normalize);
@rootsize: 37.5rem;


html,
body {
  height: 100%;
}

// 主要内容
main {
  padding-bottom: (45/@rootsize);

  header {
    height: (194/@rootsize);
    background: url(../images/A1_01.jpg) no-repeat;
    /*设置背景图的大小*/
    background-size: cover;


    .head {
      display: flex;
      padding-top: (22/@rootsize);
      height: (36/@rootsize);

      .city {
        margin-left: (9/@rootsize);
        font-size: (18/@rootsize);
        line-height: (36/@rootsize);
        color: #fff;

        span {
          vertical-align: middle;
        }
      }

      .search {
        width: (283/@rootsize);
        height: (36/@rootsize);
        background-color: rgba(255, 255, 255, .6);
        border-radius: (18/@rootsize);
      }

      >span {
        margin-left: (8/@rootsize);
        color: #fff;
        line-height: (36/@rootsize);
      }
    }
  }

  // 中间导航
  .nav {
    height: (178/@rootsize);
    border-bottom: (5/@rootsize) solid #eaeaea;

    ul {
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap;
      padding: (26/@rootsize) 0;

      li {
        width: 20%;


        a {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;

          img {
            width: (24/@rootsize);

          }

          p {
            font-size: (14/@rootsize);
            line-height: (36/@rootsize);
            color: #232323;
            font-family: iekiejianyuanti;
          }
        }
      }
    }
  }
}





// 底部导航
footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: (45/@rootsize);
  background-color: pink;

  ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: (45/@rootsize);

    li {
      width: 20%;


      a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: (45/@rootsize);
        font-size: (12/@rootsize);
        color: #1f1f1f;

        .fon {
          font-size: (18/@rootsize);
        }
      }
    }
  }
}